{%extends file="user/page/layout.tpl"%}

{%block name="sub-head-static"%}
{%require name="user:static/assetssuperior/assetssuperior.less"%}
{%require name="user:static/assetssuperior/assetssuperior.js"%}
{%/block%}

{%block name="right-content"%}
<div class="page-assetssuperior">
    <div class="block asset-ruijinbao">
        <div class="left">锐进宝</div>
        <div class="right">
            <div class="number-block">
                <i class="ob-icon bo-icon-cycle2"></i>
                <div class="ob-context">
                    <div class="ob-title ob-title1 now-profit">￥{%$data.term1.expect_profit|format_amount:4%}</div>
                    <div class="ob-info">预期收益</div>
                </div>
            </div>
            <div class="number-block">
                <i class="ob-icon bo-icon-cycle2"></i>
                <div class="ob-context">
                    <div class="ob-title ob-title1 now-profit">￥{%$data.term1.amount|format_amount%}</div>
                    <div class="ob-info">持有份额</div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>


    <div class="block asset-guoliubao">
        <div class="left">果六宝</div>
        <div class="right">
            <div class="number-block">
                <i class="ob-icon bo-icon-cycle2"></i>
                <div class="ob-context">
                    <div class="ob-title ob-title1 now-profit">￥{%$data.term1.expect_profit|format_amount:4%}</div>
                    <div class="ob-info">预期收益</div>
                </div>
            </div>
            <div class="number-block">
                <i class="ob-icon bo-icon-cycle2"></i>
                <div class="ob-context">
                    <div class="ob-title ob-title1 now-profit">￥{%$data.term1.amount|format_amount%}</div>
                    <div class="ob-info">持有份额</div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>


    <div class="block record-block">
        <div class="title">我的购买记录</div>
        <ul class="product-tab">
            <li >锐进宝</li>
            <li class="active">果六宝</li>
        </ul>
        <div class="line">
            <div class="left">购买日期：</div>
            <div class="right">
                <ul class="type-tab time-tab">
                    <li><a class="active" data-date-type='0'>全部</a></li>
                    <li><a data-date-type='1'>最近3天</a></li>
                    <li><a data-date-type='2'>最近1个月</a></li>
                    <li><a data-date-type='3'>最近3个月</a></li>
                    <li><a data-date-type='4'>最近6个月</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>

        <div class="line">
            <div class="left">状态：</div>
            <div class="right">
                <ul class="type-tab status-tab">
                    <li><a class="active" data-status='0'>未到期</a></li>
                    <li><a data-status='1'>已到期</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>


        <div class="record-table">
            <hr>
            <hr>
            <table>
                <thead>
                <tr>
                    <td>单号</td>
                    <td>交易时间</td>
                    <td>产品/期限</td>
                    <td>购买份额</td>
                    <td>到期日</td>
                    <td>预期收益</td>
                    <td class="term-opration">到期后操作</td>
                </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
        <div class="record-pagination"></div>
    </div>
</div>
{%/block%}